<template>
  <div class="hello">
    <img src="../assets/logo_100x100.png">
    <h1>{{ title }}</h1>
    <p>
      <router-link to="/">首页</router-link>
      <router-link to="/HelloWorld">HelloWorld</router-link>
      <router-link to="/HelloWorldDemo">HelloWorldDemo</router-link>
      <router-link to="/HelloWorld/Demo">HelloWorld/Demo</router-link>
      <router-link to="/HelloWorld/Hello">/HelloWorld/Hello</router-link>
      <router-link to="/HelloWorld/Hello2">/HelloWorld/Hello2</router-link>
      <router-link to="/HelloWorld/hello3">/HelloWorld/Hello3</router-link>
      <router-link to="/HelloWorld/Favicon">HelloWorld/Favicon</router-link>
    </p>
  </div>
</template>

<script>
export default {
  name: 'index',
  data () {
    return {
      title: '首页-Index-面朝大海的博客'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1,
h2 {
  font-weight: normal;
}
a {
  color: #42b983;
}
</style>
